4
תגובות
בעיה מעצבנת ב-CSS
פתח
OrelBeY
,
אז ככה, יש לי קוד CSS ובו אני מגדיר שצבע הרקע של אלמנט a שהוא ילד של li יהיה צבע א'. כמה שורות לאחר מכן אני כותב שצבע הרקע של ID מסוים (שהוא בעצם a כלשהו) יהיה צבע ב'. הרצתי את הקוד - הצבע של אלמנט ה-a עם ה-ID הזה לא השתנה לצבע ב'. הגדרתי אותו כ-important - גם לא עזר! שיניתי את המיקום של הקוד השני ושמתי אותו לפני הקוד של צבע א', וראו זה פלא - זה עבד!
אני לא למדתי שזה ככה, אז למה. זה. ככה?
אני לא למדתי שזה ככה, אז למה. זה. ככה?
4 תשובות
ענה
הממ, אין כאן ממש מה להראות. היו שורות CSS:
li a {display: block; padding: 10px; text-decoration: none !important; background: #F0F0F0; border: 1px solid #dfdfdf;}
...
#current_page {background-color: #F9F9F9;}
...
#current_page {background-color: #F9F9F9;}
ואגב, ה-important בקו התחתון זה בגלל שבלעדיו זה לא עבד! והסתירה היחידה לזה הייתה בקובץ ה-Reset CSS (שנקרא reset.css):
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
טעיתי איפשהו?
עריכה:
עכשיו אני שם לב שרשמתי בהתחלה background בלי ה-color, אך אין זה משנה; תקלות כאלה קרו לי הרבה עם קובץ ה-Reset CSS, למרות ששילבתי אותו במסמך לפני קובץ ה-CSS השני.
דוגמה נוספת (?):
בשורה ה-42 כתבתי:
h2, caption:nth-of-type(1) {
font-size: 18pt;}
font-size: 18pt;}
בשורה ה-66 כתבתי:
caption {
font-size: 16pt;}
font-size: 16pt;}
ובכל זאת המאפיין השולט על ה-caption הראשון היה הראשון שכתבתי.
לעומת זאת, בדף אחר, בשורה ה-42:
h2, caption:nth-of-type(1) {
font-size: 18pt;}
font-size: 18pt;}
ובשורה ה-52:
h2 {
text-align: center;
font-size: 17pt;}
text-align: center;
font-size: 17pt;}
והפעם - השני לקח (הפעם על h2).